.el-dialog {
  border-radius: 4px;
}
.el-dialog__header {
  background-color: rgb(var(--color-primary));
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.el-dialog__header .el-dialog__title {
  font-size: 18px;
  color: #ffffff;
}

.el-dialog__header .el-dialog__headerbtn {
  position: unset;
}
.el-dialog__headerbtn .el-dialog__close {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: rgb(var(--color-primary)) !important;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.6);
}
.el-dialog__headerbtn .el-dialog__close:hover {
  background: rgba(255, 255, 255, 0.8);
}

.call-user-dialog-item-sculpture {
  background: rgb(var(--color-primary)) !important;
}
.call-user-dialog-item-active .call-user-dialog-item-name {
  color: rgb(var(--color-primary)) !important;
}

.call-user-dialog-item:hover .call-user-dialog-item-name {
  color: rgba(var(--color-primary), 0.5) !important;
}

.call-user-dialog-header-check {
  color: rgb(var(--color-primary)) !important;
}
.btn-submit {
  background: rgb(var(--color-primary)) !important;
}

.btn-close:hover {
  color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
}
.checkbox-dialog
  .checkbox-dialog-container
  .checkbox-dialog-container-body
  .checkbox-dialog-check-item.checkbox-dialog-check-item-check
  .checkbox-dialog-check-item-inner {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
}
